<script setup lang="ts">
import Item1 from './item1/index.vue'
import Item2 from './item2/index.vue'
import Item3 from './item3/index.vue'
import Item4 from './item4/index.vue'
import { useMask } from '@/hooks/reno14-pro.ts'

const [ScrollMask] = useMask({
  maskZIndex: 45,
})
</script>

<template>
  <ScrollMask>
    <div class="block5_container">
      <Item1 />
      <Item2 />
      <Item3 />
      <Item4 />
    </div>
  </ScrollMask>
</template>

<style scoped>
@reference "@/assets/main.css";

.block5_container {
  @apply relative z-40 rounded-t-4xl bg-white;
}
</style>
